<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {
    
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
#app{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.page{
  width: 100%;
  height: 100%;
  background-image: url("../public/static/img/bg.jpg");
  background-size: cover;
  
}
.main-container {
  width: 100%;
  height: 100%;
}
.header {
  display: flex;
  color: #fff;
  height: 20%;
  font-family:serif;
  /* background-image: url(assets/top.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
}
.el-menu--horizontal .el-menu-item:not(.disabled):hover{
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.el-menu.el-menu--horizontal {
    border-bottom: solid 0px #e6e6e6 !important;
}
.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 0px solid #409EFF;
    color: #303133;
}
.el-menu-item:hover {
    outline: 0;
    background-color: rgba(255, 255, 255, 0.2);
}
.main {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.msgInfo {
  font-weight: 500;
  font-size: 20px;
}
input{
  height: 40px;
}
/* 全局样式或在组件样式中添加 */
.el-dialog__wrapper {
  overflow: hidden !important;
}

body.el-popup-parent--hidden {
  overflow: hidden !important;
  padding-right: 0 !important;
}
</style>
